<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
		<style type="text/css">
			.td1{
				width: 80px;
				height: 36px;
				border:1px solid black;
				text-align: center;
				background-color: red;
			}
			.td2{
				width: 80px;
				height: 36px;
				border:1px solid black;
				text-align: center;
				background-color: #C3C3C3;
			}
			.td3{
				width: 80px;
				height: 36px;
				border:1px solid black;
				text-align: center;
				background-color: blue;
			}
		</style>
	<script type="text/javascript">
	var str ="";
	str+="<table border='0' rules='none'>";
		for(var j=9;j>=1;j--){
			str+="<tr>";
			for(var i=1;i<=j;i++){
					if((i%2)!=0 ){
					str+="<td  class='td1'>"+i+"*"+j+"="+(i*j)+"</td>";
				}
					else if((i%2)==0 && (j%2)==0){
					str+="<td  class='td2'>"+i+"*"+j+"="+(i*j)+"</td>";
					}
					else{
						str+="<td class='td3'>"+i+"*"+j+"="+(i*j)+"</td>";
					}
			}
			str+="</tr>";
		}
		str+="</table>";
		document.write(str);
	</script>
</head>
<body>
</body>
</html>